<div class="flex h-full text-white text-xs leading-8 gap-4 pr-4">
    <div class="flex gap-2 items-center">
        <div class="w-3 h-3 rounded-full bg-color-05ff00"></div>
        <div class="">正常运行</div>
    </div>
    <div class="flex gap-2 items-center	">
        <div class="w-3 h-3 rounded-full bg-color-f00"></div>
        <div class="">设备故障</div>
    </div>
    <div class="flex gap-2 items-center	">
        <div class="w-3 h-3 rounded-full bg-color-808080"></div>
        <div class="">设备离线</div>
    </div>
</div>

<style>
  .bg-color-05ff00 {
    background-color: #05ff00;
  }
  .bg-color-f00 {
    background-color: #f00;
  }
  .bg-color-808080 {
    background-color: #808080;
  }
</style>